:local(.listing) {
  composes: m2 from "style";
  composes: fixed left bottom from "style";
  z-index: 99;
}

:local(.undo) {
  composes: mt2 p2 from "style";
  composes: bordered rounded shadowed from "style";
  composes: bg-white from "style";
  composes: relative from "style";
  composes: flex align-center from "style";
  width: 320px;
}

:local(.actions) {
  composes: flex align-center flex-align-right from "style";
}

:local(.undoButton) {
  composes: mx2 from "style";
  composes: text-uppercase text-bold from "style";
  color: var(--brand-color);
}
:local(.dismissButton) {
  composes: cursor-pointer from "style";
  color: var(--grey-1);
}
:local(.dismissButton):hover {
  color: var(--grey-3);
}

.UndoListing-enter {
}
.UndoListing-enter.UndoListing-enter-active {
}
.UndoListing-leave {
  opacity: 1;
}
.UndoListing-leave.UndoListing-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}
